<!--<!DOCTYPE html>-->
<!--<html lang="en" ng-app="myapp">-->
	<!--<head>-->
		<!--<meta charset="UTF-8">-->
		<!--<meta name='viewport' content="width=device-width,initial-scale=1"/>-->
		<!--<link rel="stylesheet" href="/components/bootstrap/dist/css/bootstrap.min.css">-->
		<link rel="stylesheet" href="/css/medias.css">
		<!--<link rel="stylesheet" href="/css/product1.css">-->
		<!--<script src="/components/jquery/dist/jquery.min.js"></script>-->
		<!--<script src="/components/angular/angular.js"></script>-->
		<!--<script src="/components/angular-ui-router/release/angular-ui-router.js"></script>-->
		<!--<script src="/js/product.js"></script>-->
		<!--<title>森永</title>-->
	<!--</head>-->
	<!--<body >-->

	<div  class="p_body">
		<div id="p_main-wrapper ">
		<!--头部-->
			<div class="p_header p_clear-fix">
			 	<div class="p_left">
				<a href="" class="p_go-back">返回</a>
			</div>
				<div class="p_center ">
				<h1 class="p_title">森永</h1>
				</div>
				<div class="p_right ">
				<a href="" class="p_icon-menu p_cat">右边</a>
			</div>
			</div>
		<!--头部  end-->
		<!--主体内容开始-->
			<div id="p_main-content">
			<!--首页产品菜单导航栏-->
			<div class="p_top-menu main-menu p_clear-fix">
				<div class="p_scroll-wrapper">
					<div class="p_scroll-content">
						<ul>
							<li>
								<a ui-sref="Home">首页</a>
							</li>
							<li>
								<a ui-sref="senYong" class="active">森永</a>
							</li>
							<li>
								<a ui-sref="kouFuLai" class="">口福莱</a>
							</li>
							<li>
								<a ui-sref="youMan" class="">悠漫</a>
							</li>
						</ul>
					</div>
					<div class="p_more-left"></div>
					<div class="p_more-right"></div>
				</div>
			</div>
			<!--首页产品菜单导航栏  end-->

			<!--信息切换栏-->
			<div class="p_filter-wrapper p_clear-fix">

				<ul class="p_filters">
					<li>
						<a href="">最新</a><span></span></li>
					<li>
						<a href="">价格</a><span></span></li>
					<li>
						<a href="">销量</a><span></span></li>
				</ul>

				<ul class="p_theme-switcher" >
					<li><span data-type="two-col" class="two-col active" id="two"></span></li>
					<li><span data-type="one-col" class="one-col " id="one"></span></li>
					<li><span data-type="image" class="image" id="mge"></span></li>
				</ul>
			</div>
			<!--信息切换栏 结束-->

			<!--商品详情菜单-->
			 <div class="p_products-list two-col  p_clear-fix" data-role="data-wrapper" id="p_view" ui-view>
			 </div>
		<!--商品详情菜单栏 end-->
	    	</div>
			<!--主体内容结束-->
		</div>
	</div>

<script>
	$(document).ready(function () {

		$('.two-col').click(function () {
			$('.one-col .image').hide();
			$('.two-col').show();
			// $("div.p_products-list").addClass("two-col");
		});
		$('.one-col').click(function () {
			$('.two-col .image').hide();
			$('.one-col').show();
			// $("div.p_products-list").addClass("one-col");
		});
		$('.image').click(function () {
			$('.one-col .two-col').hide();
			$('.image').show();
			// $("div.p_products-list").addClass("image");
		});
	})
</script>
	<!--</body>-->
<!--</html>-->

